<template>
  <div class="order">
    <v-content>
      <h1>订单详情</h1>
      <v-container>
        <v-list>
          <v-list-item v-for="item in items" :key="item">
            <v-row no-gutters>
              <v-col cols="6">
                <v-list-content>{{ item.itemA }}</v-list-content>
                <v-text-field dense label="Outlined" outlined></v-text-field>
              </v-col>
              <v-col cols="6">
                <v-list-content>{{ item.itemB }}</v-list-content>
                <v-text-field dense label="Outlined" outlined></v-text-field>
              </v-col>
            </v-row>
          </v-list-item>
        </v-list>
        <v-row no-gutters></v-row> </v-container
    ></v-content>
  </div>
</template>

<script>
export default {
  data: () => ({
    selectedItem: 1,
    items: [
      { itemA: "委托项目", itemB: "委托单价" },
      { itemA: "客户机构", itemB: "承运机构" },
      { itemA: "发货单位", itemB: "收货单位" },
      { itemA: "  发货地", itemB: "卸货地" },
      { itemA: "预计发货时间", itemB: "最晚到达时间" },
      { itemA: "完成时间", itemB: "运输距离" },
      { itemA: "订单状态", itemB: "订单类型" },
    ],
  }),
};
</script>
